@charset "UTF-8";
/**
 * 
 * @authors Your Name (you@example.org)
 * @date    2016-09-28 09:52:13
 * @version $Id$
 */
/*reset*/
*, :before, :after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
body,div,ul,ol,li,dl, dt, dd,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,th,td,img,select,input,textarea{margin:0;padding:0;} 
ol,ul,li{list-style:none;} 
fieldset,img{border:0;}
img{display:inline-block;}
label,button{cursor:pointer;}
select,input,textarea,button{outline:none;font-family:Calibri;cursor:pointer;} 
textarea{resize:none;overflow:hidden;}
h1,h2,h3,h4,h5,h6{font-size:14px; font-weight:normal;}
table,table td{border-collapse:collapse; border-spacing:0;}  
body{background:#fff;color:#444;font-size:14px;font-family:Calibri;} 
a{text-decoration:none;color:#444;display: block;} 
em,i{font-style:normal;}
.omg{overflow: hidden; text-overflow: ellipsis; white-space:nowrap;}

/* comment */
.clearfix:after{content:"\200B";display:block;height:0;clear:both;} 
.clearfix{*zoom:1;}/*IE7/6*/
.fl{float:left;}
.fr{float:right;}
.wrapper{width:1100px;margin:0 auto;}
.header,.content,.footer,.sub_content,.banner,.sub_banner{min-width:1100px;}

@font-face {
    font-family:'Calibri';
    src: url('../fonts/CALIBRI.eot');
    src: url('../fonts/CALIBRI.eot') format('embedded-opentype'),
         url('../fonts/CALIBRI.woff') format('woff'),
         url('../fonts/CALIBRI.ttf') format('truetype'),
         url('../fonts/CALIBRI.svg') format('svg');
    font-weight: normal;
	font-style: normal;
}
@font-face {
    font-family:'Bebas';
    src: url('../fonts/BEBAS__.eot');
    src: url('../fonts/BEBAS__.eot') format('embedded-opentype'),
         url('../fonts/BEBAS__.woff') format('woff'),
         url('../fonts/BEBAS__.ttf') format('truetype'),
         url('../fonts/BEBAS__.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
/* header */
.header{
    background: #fff;
    width: 100%;
    height: 100px;
    padding-top:32px;
    z-index: 100; 
}
.header ul li{
    width: 120px;
    height: 38px;
    text-align: center;
    line-height: 38px;
    font-size: 16px;
    position: relative;
}
.header ul li a{
    transition: .5s;
}
.header ul li a:hover{
    color:#ed1c24;
}
.fixed{
    position: fixed;
    top: 0;
    left: 0;
}
.sub-nav{
    position: absolute;
        top: 68px;
    left: -114px;
    width: 405px;
    padding:20px;
    padding-bottom: 40px;
    background: #eeeeee;
    z-index: 100;
    display: none;
}
.header ul li .sub-nav li{
    width: 100%;
    height: auto;
}
.header ul li .sub-nav li a{
    display: block;
    width: 100%;
    font-size: 16px;
    line-height: 22px;
    padding: 14px 0;
    border-bottom: 1px solid #d2d2d2;
}

/* footer */
.footer{
    /*height: 455px;*/
    background: #333;
    padding-top: 75px;
}
.footer a{
    color: #fff;
    transition: .5s;
}
.footer li{
    line-height: 26px;
    font-size: 13px;
}
.footer-top .list-ttl{
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    margin-bottom: 40px;
}
.footer .footer-top .list2{
    width: 480px;
    border-left: 1px solid #434343;
    border-right: 1px solid #434343;
    margin: 0 115px 0 85px;
    padding: 0 110px;
}
.footer .footer-top .list3{
    width: 220px;
}
.footer .footer-top .list3 li{
    line-height: 22px;
}
.footer .footer-top .list3 i{
    width: 45px;
    margin-right: 2px;
    
}
.footer .footer-top .list3 .special{
    height: 60px;
}
.footer .footer-top .list3 .special1{
    height: 40px;
}
.footer .share{
    margin: 50px auto 40px auto;

}
.footer .share li{
    margin-right: 50px;
}
.footer .share li img{
    transition: .5s;
}
.footer .share li:hover img{
   transform: scale(1.5);
}
.footer .footer-bottom{
    height: 50px;
    background: #292929;
    padding-top: 13px;
}
.footer .footer-bottom p{
    line-height: 21px;
    color: #818181;
}
.footer .footer-bottom img{
    vertical-align: middle;
    margin-right: 13px;
}
.footer li a:hover{
    text-decoration: underline;
    color:#ed1c24 ;
}
/* banner */
.banner,.sub-banner{
    width: 100%;
    height: 650px;
    position: relative;
    overflow:hidden;
}
.banner img,.sub-banner img{
    width: 1920px;
    height: 650px;
    position: absolute;
    top:0;
    left: 50%;
    margin-left: -960px;
}
/* sub-banner */
.sub-banner{
    height: 320px;
}
.sub-banner img{
    height: 320px;
}
/* index */
.in-industry{
    height: 550px;
}
.in-industry-ttl,.in-why-ttl,.in-product-ttl{
    display: block;
    text-align:center;
    padding:60px 0 50px 0;
    font-size: 40px;
    font-family:Bebas; 
}
.in-industry ul li{
    position: relative;
    margin:0 1px 1px 0;
}
.in-industry ul li .cover{
    width: 364px;
    height: 182px;
    position: absolute;
    top:0;
    left:0;
    background: rgba(0, 0, 0, .7);
    line-height: 182px;
    text-align: center;
    color:#fff;
    font-size: 18px;
}
.why{
    background: #75787b;
    height: 310px;
}
.in-why-ttl{
    padding-bottom: 45px;
    color:#fff;
}
.in-why li{
    margin-right: 65px;
}
.in-why ul{
    margin-right: -65px;
}
.in-why ul li a{
    width: 100px;
    height: 120px;
    color:#fff;
    text-align: center;
}
.in-why ul li a img{
    margin:0 auto;
    margin-bottom: 20px;
    transition: .5s;
}
.in-why ul li:hover img{
    margin-top: -10px;
}
.in-product{
    height: 1975px;
    position: relative;
}
.in-product-ttl{
   padding-bottom: 0;
}
.in-product ul{
    margin-right: -180px;
}
.in-product ul li{
    margin-right: 180px;
}
.in-product ul li a{
    width: 460px;
    height: 424px;
    text-align: center;
}
.in-product ul li a p{
    height: 50px;
    background: #ebebeb;
    color: #303030;
    font-size: 20px;
    line-height: 50px;
    transition: .5s;
}
.in-product ul li a p i{
    margin-right: 20px;
}
.in-product ul li a:hover p{
    background: #75787b;
    color: #fff;
}
.in-product ul li a .large{
    margin-left: 320px;
    width: 460px;
}
.in-product span{
    height:290px;
    border-left: 1px dashed #9e9e9e;
    position: absolute;
        top: 215px;
    left: 50%;
}
.in-product .line2{
    top: 648px;
}
.in-product .line3{
    top: 1080px;
}
.case{
    height: 490px;
    background: #f8f8f8;
    border-top: 1px dashed #afafaf;
    padding-top: 80px;
    line-height: 20px;
}
.in-case-case,.in-case-news{
    width: 525px;
}
.case-ttl,.news-ttl{
    font-family: Bebas;
    font-size: 18px;
    margin-bottom: 20px;
}
.case-ttl i,.news-ttl i{
    font-size: 36px;
    color: #ed1c24;
}
.in-case-case ul li{
    margin: 0 0 30px 0;

}
.in-case-case ul li .pic{
    width: 200px;
    height: 110px;
    overflow: hidden;
}
.in-case-case ul li img{
    transition: .5s;
}
.in-case-case ul li:hover img{
    transform: scale(1.1);
}
.in-case-case ul li:hover a .top{
    color: #ed1c24;
}
.in-case-case ul li .txt{
    width: 300px;
}
.in-case-case ul li .txt .top{
    font-size: 16px;
    height: 55px;
    border-bottom: 1px solid #c5c5c5;
    margin-bottom: 15px;
    color: #2c2c2c;
    transition: .5s;
}
.in-case-case ul li .txt .bottom{
    color: #4b4b4b;
        overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
}
.in-case-news ul li{
    height: 142px;
    padding: 25px 0;
    border-top: 1px solid #c5c5c5;
}
.in-case-news ul li .ttl{
    font-size: 16px;
    color: #2a2a2a;
    margin-bottom: 15px;
    transition: .5s;
}
.in-case-news ul li .con .date{
    color: #7e7e7e;
    padding-right: 15px;

}
.in-case-news ul li .con i{
    font-weight: bold;
    font-size: 16px;
    color: #454545;
}
.in-case-news ul li .con p{
    width: 410px;
    height: 65px;   
    border-left: 1px solid #c2c2c2;
    padding-left:15px;

}
.in-case-news ul li .con p i{
    display: block;
    margin-top: 15px;
}
.in-case-news ul li:hover a .ttl{
    color: #ed1c24;
}

/* about */
.about-contain,.industry-contain{
    background: #f7f7f7;
    padding: 55px 0 60px 0;
    position: relative;
}
.in-about-con-ttl{
    font-family: Bebas;
    font-size: 48px;
    margin-bottom: 45px;
    color: #ed1c24;
     word-spacing: 10px;
}
.in-about-contain .line{
    width: 50px;
    border-bottom: 1px solid #9c9c9c;
    position: absolute;
    top: 140px;
}
.in-about-contain .ttl{
    font-size: 24px;
    color: #de1c24;
    margin-bottom: 10px;
}
.in-about-contain .con{
    font-size: 16px;
    line-height: 26px;
    color: #4e4d4d;
}
.in-about-contain img{
    margin-left: 50px;
}
.about-bottom{
    text-align: center;
}

/* industries */
.industry-contain{
    padding: 55px 0 45px 0;
}
.industry-contain .txt{
    text-align: center;
    margin-bottom: 35px;
}
.industry-contain .txt .ttl{
    font-size: 36px;
    color: #eb2330;
    font-family: Bebas;
    margin-bottom: 18px;
     word-spacing: 10px;
}
.industry-contain .txt .con{
    font-size: 18px;
    color: #383838;
}
.industry-contain ul{
    margin-right: -25px;
}
.industry-contain ul li{
    width: 350px;
    height: 351px;
    overflow: hidden;
    margin: 0 25px 25px 0;
    position: relative;
}
.industry-contain ul li a .cover{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .7);
    color:#fff;
    text-align: center;
    line-height: 351px;
    font-size: 24px;
}


/* industries-detail */
.sub-banner span{
    display: block;
    width: 100%;
    text-align: center;
    font-size: 60px;
    color: #fff;
        position: absolute;
    top: 40%;
}
.industries-detail ul li .txt{
    width: 580px;
    padding-top: 95px;
    position: relative;
}
.industries-detail ul li .txt .ttl{
    font-size: 24px;
    font-weight: bold;
   /*  color: #ed1c24; */
}
.industries-detail ul li .txt span{
    width: 20px;
    border-bottom: 1px solid #a9a9a9;
    position: absolute;
    top: 140px;
}
.industries-detail ul li .txt .con{
    font-size: 18px;
    color: #5d5d5d;
    margin:35px 0 20px 0;
}
.industries-detail ul li .pic{
    width: 447px;
    height: 318px;
    overflow: hidden;
}
.industries-detail ul li .pic img{
    transition: .5s;
}
.industries-detail ul li a:hover .pic img{
    transform: scale(1.1);
}
.industries-detail ul li:hover a .ttl{
    color:#ed1c24 ;
    text-decoration: underline;
}
/* news */
.news-detail{
    background: #f4f4f4;
    padding: 60px 0 80px 0;
}
.in-news-details .ttl{
    font-family: Bebas;
    font-size: 60px;
    text-align: center;
    margin-bottom: 50px;
    color: #ed1c24;
}
.in-news-details li{
    height: 165px;
    border-top: 1px solid #c5c5c5;
    padding: 30px 0 35px 0;
}
.in-news-details li .pic{
    width: 200px;
    height: 100px;
    overflow: hidden;
    margin-right: 20px;
}
.in-news-details li .pic img{
    transition: .5s;
}
.in-news-details li .txt{
    width: 875px;
}
.in-news-details li .txt-ttl{
    font-size: 16px;
    margin-bottom: 15px;
    transition: .5s;
}
.in-news-details li .date i{
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
    color: #454545;
}
.in-news-details li .date{
    color: #7e7e7e;
    margin-right: 15px;
}
.in-news-details li .txt-con p{
    border-left: 1px solid #c2c2c2;
    width: 805px;
    padding-left: 13px;
}
.in-news-details li .txt-con p i img{
    margin-top: 20px;
    transition: .5s;
}
.in-news-details li:hover .txt-ttl{
    text-decoration: underline;
    color: #ed1c24;
}
.in-news-details li:hover .pic img{
    transform: scale(1.2);
}
/* news-detail */
.detail-ttl{
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 10px;
    color: #ed1c24;
     word-spacing: 5px;
}
.detail-tips{
    font-size: 14px;
    color: #666;
    text-align: center;
}
.detail-con{
    margin-top: 15px;
    padding-top: 30px;
    border-top: 1px solid #c0c0c0;
}
.detail-txt{
    font-size: 16px;
    text-align:Justify;
text-justify:inter-ideograph;
line-height: 27px;
}
.detail-pic{
    margin-top: 40px;
}
.detail-pic img{
    margin-right: 19px;
}
.detail-share{
margin: 40px 0;
}
.detail-con .link a{
    display: inline-block;
    margin-bottom: 15px;

}
.detail-con .link a:hover{
    color: #f45119;
    text-decoration: underline;
}
.addthis_sharing_toolbox{
    margin-left: 0 !important;
}
/* case */
.case-nav{
    height: 260px;
    background: #f4f4f4;
    padding-top: 47px;
}
.in-case-nav .ttl{
    font-family: Bebas;
    font-size: 48px;
    text-align: center;
    color: #ed1c24;
    margin-bottom: 40px;
}
.in-case-nav ul li{
    margin-right: 1px;
}
.in-case-nav ul li a{
    width: 182px;
    height: 70px;
    background: #ababab;
    text-align: center;
    color: #fff;
    display: table-cell;
    vertical-align: middle;
    transition: .5s;
}
.in-case-nav ul li a:hover{
    background: #ed1c24;

}
.in-case-nav ul li .on{
    background: #ed1c24;
}
.case-con{
    padding: 40px 0 60px 0;
}
.in-case-con{
        /*min-height: 500px;*/
    position: relative;

}
.case-con ul{
    margin-right: -50px;
    display: none;
    /*position: absolute;*/
    top: 0;left: 0;
}
.case-con ul li{
    width: 523px;
    /*height: 110px;*/
    margin: 0 50px 35px 0;
}
.case-con ul li img{
    margin-right: 20px;
    transition: .5s;
}
.case-con ul li a .txt{
        width: 300px;
}
.case-con ul li a .txt .txt-con{
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
}
.case-con ul li a .txt-top{

    height: 55px;
    padding-top: 8px;
    border-bottom: 1px solid #c5c5c5;
    margin-bottom: 15px;
    transition: .5s;
}
.case-con ul li a .txt-ttl{
    width: 270px;
    font-size: 16px;
        overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.case-con ul li a .txt-top i{
    margin-top: 15px;
}
.case-con ul li a:hover .txt-top{
    color: #ed1c24;
}
/* contact */
.contact-way{
    background: #f4f4f4;
    padding: 50px 0 65px 0;
}
.contact-way ul{
    width: 540px;
    height: 70px;
    border-right: 1px dashed #c6c6c6;
        padding: 0 35px;
}
.contact-way ul li{
    width: 220px;
    margin-right: 10px;
    font-size: 16px;
    margin-bottom: 20px;
}
.contact-way ul li i{
    width: 19px;
    height: 19px;
    margin-right: 15px;
}
.in-way>.fr{
    padding-left: 75px;
    border: 0;
}
.in-way li a{
    transition: .5s;
}
.in-way li a i{
    transition: .5s;
}
.in-way li:hover a{
    color: #e70012;
    text-decoration: underline;
}
.in-way li:hover a i{
    margin-top: -5px;
}
.in-inquiry{
    padding: 40px 0;
}
.in-inquiry .ttl{
    font-size: 36px;
    font-family: Bebas;
    text-align: center;
    margin-bottom: 45px;
    color: #ed1c24;
}
.in-inquiry{
    position: relative;
}
.in-inquiry span{
    width: 50px;
    border-bottom: 1px solid #c9c9c9;
    position: absolute;
    left: 50%;
    margin-left: -25px;
    top: 100px;
}
.in-inquiry form{
    margin-right: -40px;
}
.in-inquiry form i{
    color: #ee393e;
    margin-right: 5px;
}
.in-inquiry form input{
    width: 528px;
    height: 33px;
    border: 1px solid #989898;
    margin:10px 40px 20px 0;
    padding: 0 15px;
    line-height: 33px;
}
.in-inquiry form textarea{
    margin-top: 10px;
    width: 1100px;
    height: 125px;
    border: 1px solid #989898;
    padding: 10px 15px;
}
#submit{
    width: 165px;
    height: 35px;
    line-height: 35px;
    background: #ed1c24;
    color: #fff;
    border: 0;
    position: relative;
    margin-left: -85px;
    font-size: 16px;
    transition: .5s;
    top: 250px;
}
.in-map{
    margin: 50px auto 40px;
}
.in-map p{
    width: 540px;
   line-height: 22px;
   font-size: 16px;
   text-align: center;
   margin: 15px auto;
}

/* service */
.service{
    background: #f4f4f4;
    padding: 60px 0 45px 0;
}
.in-service .ttl{
    font-size: 36px;
    color: #ed1c24;
    font-family: Bebas ;
     word-spacing: 10px;
}
.in-service dl dt{
    font-size: 20px;
    font-weight: bold;
    margin: 20px 0 15px 0;
}
.in-service dl dd{
    margin-right: 70px;
    font-size: 20px;
}
.in-service dl dd i{
    color: #ed1c24;
    margin-right: 5px;
}
.in-service .con{
    font-size: 18px;
    margin: 20px 0 40px 0;
}
.in-service .in-inquiry .ttl,.in-product-detail .in-inquiry .ttl{
    font-size: 28px;
    font-family: Bebas;
    color: #404040;
    text-align: left;
}
.in-service .in-inquiry span,.in-product-detail .in-inquiry span{
    left: 0;
    margin-left: 0;
}
.in-service .in-inquiry input,.in-service .in-inquiry textarea{
    background: #f4f4f4;
}
.in-service .in-inquiry #submit,.in-product-detail .in-inquiry #submit{
    left: 0;
    margin-left:-83px;
}
#submit:hover{
    background: #ea5724;
    border-radius: 20px;
}

/* product-cover */
.product-cover-top{
    background: #f4f4f4;
    padding: 60px 0 50px 0 ;
    text-align: center;
}
.product-cover-top .ttl{
    font-size: 36px;
    color: #ed1c24;
    font-family: Bebas;
     word-spacing: 10px;
}
.product-cover-top .con{
    margin-top: 20px;
    line-height: 26px;
}

/* product-detail */
.product-detail{
    background: #f8f8f8;
    padding: 75px 0 30px 0; 
}
.product-detail .introduct .ttl{
    font-family: Bebas;
    font-size: 36px;
	text-align:center;
        color: #ed1c24;
         word-spacing: 10px;
}
.product-detail .introduct .moban .ttl,.product-detail .introduct .moban .con{
	width: 550px;
	text-align:left;
       
}
.product-detail .introduct .moban .ttl{
     color: #ed1c24;
     word-spacing: 10px;
}
.product-detail .introduct .txt  img{
	margin:20px auto;
    display: block;
}
.product-detail .introduct .tip{
    font-size: 24px;
    color: #ed1c24;
    font-weight: bold;
    margin: 40px 0 25px 0;
}
.product-detail .introduct .con{
    font-size: 16px;
    line-height: 26px;
}
.feature{
    position: relative;
    margin: 50px 0;
}
.feature .line{
    position: absolute;
    top: 65px;
    left: 200px;
}
.feature .ttl{
    font-size: 24px;
    color: #ed1c24;
    margin: 50px 0 25px 0;
}
.feature ul{
    width: 720px;
    position: relative;
}
.feature ul li div{
    width: 360px;
    height: 45px;
    font-size: 18px;
}
.feature ul li div i{
    color: #ed1c24;
    margin-right: 5px;
}

.performance-txt{
    width: 850px;
}
.performance-txt>div{
    float: left;
    margin:20px 20px 20px 0;
}
.performance-txt>div>P{
    text-align: center;
    line-height: 50px;
}
.performance-txt .ttl{
    font-size: 24px;
    color: #ed1c24;
}
.performance-txt ul li{
    margin: 15px 0;
}
.performance-txt ul li i{
    margin-top: 2px;
}
.performance-txt ul li .list-ttl{
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
    transition: .5s;
}
.performance-txt ul li .list-ttl i{
    color: #ed1c24;
    margin-right: 5px;
    
}
.performance-txt ul li .list-con{
    font-size: 16px;
    margin-left: 10px;
}
.performance-txt ul li:hover .list-ttl{
    color: #ed1c24;
}
.performance .pic{
    padding-top: 20px;
}
.more p{
    font-size: 24px;
    font-weight: bold;
    margin-right: 20px;
}
.more a{
    margin-right: 60px;
    padding-top: 8px;
    font-size: 16px;
}
.more a i{
    color: #ed1c24;
    margin-right: 5px;
}
.more a:hover{
    color:#ed1c24 ;
}
.in-product-detail .in-inquiry .ttl{
    color: #ed1c24;
}
.in-product-detail .in-inquiry #submit{
    background: #7f7f7f;
}
.in-product-detail .in-inquiry #submit:hover{
    background: #ed1c24;
}
.in-product-detail .in-inquiry input,.in-product-detail .in-inquiry textarea{
    background: #f8f8f8;
}






.in-news-details a {
    display: inline;
}
.page{
    display:flex;
	display:-ms-flexbox;
	display:-webkit-flex;
	justify-content:center;
	-ms-justify-content:center;
	-webkit-justify-content:center;
	align-items: center;
	-webkit-align-items: center;
	-ms-align-items:center;
	padding-top: 20px;
}
.page a{
    display: block;
    min-width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    color: #333;
    text-align: center;
    background: #fff;
    margin: 0 3px;
    transition:all 0.5s;
	-webkit-transition:all 0.5s;
}
.page a.next,
.page a.prev{
    width: 60px;
}
.page a.hover,
.page a:hover{
    color: #fff;
    background: #ed1c24;
}